<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">

	<meta name="description" content="MarkDown简明语法在线编辑器实验">
	<meta name="keywords" content="HTML,CSS,JS,MARKDOWN,BOOTSTRAP">
	<meta name="author" content="zhonger">
	
	<title>MarkDown简明语法在线编辑器实验室</title>
	<link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.min.css">	
	<link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap-theme.min.css">	
	<script src="./bower_components/jquery/dist/jquery.min.js"></script>	
	<script src="./bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="bower_components/bootstrap/js/alert.js"></script>
	<link rel="icon" href="./images/logo.ico">
    <link rel="stylesheet" href="main.css">
    <script src="reg.js"></script>
</head>
<body>
    <?php require "head.php"?>
	<div class="container">
		<div class="row">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 col-sm-offset-3">
						<form class="mg form-horizontal" >
                            <h3 class="text-center">用户注册</h3>
                            <hr>
                            <div class="alert alert-warning alert-dismissible fade in" role="alert" id="al" hidden="hidden">                     
                                <!--<button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>-->
                                <strong >表单填写好像有这些问题：</strong>
                                
                                <span id="warn"></span>
                                
                            </div>                        
                            <div class="form-group">
                                <label for="name" class="col-sm-3 control-label">用户名</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="name" placeholder="请输入用户名" data-toggle="tooltip" data-placement="top" title="用户名为中英文字符">
                                </div>                              
                            </div>
                            <div class="form-group">
                                <label for="email" class="col-sm-3 control-label">邮箱</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="email" placeholder="请输入邮箱" data-toggle="tooltip" data-placement="top" title="邮箱格式为xxx@x.x">
                                </div>                              
                            </div>
                            <div class="form-group">
                                <label for="password" class="col-sm-3 control-label">输入密码</label>
                                <div class="col-sm-9">
                                    <input type="password" class="form-control" id="password" placeholder="请输入密码" data-toggle="tooltip" data-placement="top" title="密码必须多于6位、少于20位">
                                </div>                 
                            </div> 
                            <div class="form-group">
                                <label for="password" class="col-sm-3 control-label">再次输入密码</label>
                                <div class="col-sm-9">
                                    <input type="password" class="form-control" id="conf-pass" placeholder="请再次输入密码" data-toggle="tooltip" data-placement="top" title="必须与上面的密码一致">
                                </div>                 
                            </div> 
                            <div class="form-group">
                                <label for="sliderLock" class="col-sm-3 control-label">验证码</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control col-sm-8" id="code_gg" placeholder="请输入下面的验证码" data-toggle="tooltip" data-placement="top" title="必须与下面验证码一致">
                                    <img src="code/code_gg.php" id="getcode_gg" title="看不清，点击换一张" align="absmiddle" >
                                    <span>看不清，点击验证码换一张</span>
                                </div>
                            </div>
                            <button type="button" class="btn btn-default col-sm-offset-1 col-sm-3" id="reg">注册</button>
                            <a class="btn btn-primary col-sm-offset-1 col-sm-6" href="login.php" role="button">已有账号，直接登录</a>
                        </form>		
					</div>
				</div>
					
			</div>
		</div>
			
	</div>
	<?php require "copy.html" ?>
</body>